//引入公共文件
import '@utils/init.js';


// 翻页数据
const pageData = {
        currentPage: 1, //当前页
        pageSize: 3, //每页显示条数
        total: 0, // 总条数
        pages: 0 //  总页数
    }
    //获取专业数据
import { getProfession } from '@js/getData.js';
renderProfessionTable();
//渲染专业列表
async function renderProfessionTable() {
    const { result, total, pages } = await getProfession(pageData);
    pageData.total = total; //总条数
    pageData.pages = pages; //总页数
    const professionHtml = result.map(item => `
    <tr>
                                <td>${item._id}</td>
                                <td>${item.name}</td>
                                <td>
                                    <button>删除</button>
                                    <button>添加</button>
                                </td>
</tr>  `).join('');
    $('#professionTb').html(professionHtml);
    $('#currentPage').text(pageData.currentPage)
    $('#pages').text(pageData.pages)
    $('#sum').text(pageData.total)
};
// 下一页
$('#nextPage').click(() => {
    if (pageData.currentPage < pageData.pages) {
        pageData.currentPage++;
        renderProfessionTable();
    }
});
//上一页
$('#prevPage').click(() => {
        if (pageData.currentPage >= 1) {
            pageData.currentPage--;
            renderProfessionTable();
        }

    })
    //首页
$('#homePage').click(() => {
        pageData.currentPage = 1;
        renderProfessionTable();
    })
    //尾页
$('#lastPage').click(() => {
    pageData.currentPage = pageData.pages;
    renderProfessionTable();
})

//切换数据change事件
$('#pageSize').change(function() {
    pageData.currentPage = 1 //每次显示多条数据都在第一页开始
    pageData.pageSize = $(this).val();
    $('#branches').text($(this).val())
    renderProfessionTable();
})